<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title> 新媒体运营数据 </title>
    <link rel="stylesheet" href="/v3/css/basic.css" type="text/css"/>
    <!--标准mui.css-->
    <link rel="stylesheet" href="/v3/mui/css/mui.min.css">
    <link href="/v3/mui/css/mui.picker.min.css" rel="stylesheet" />
    <!-- <link href="mui/css/mui.poppicker.css" rel="stylesheet" /> -->
    <link rel="stylesheet" href="/v3/css/style.css" type="text/css"/>
    <script type="text/javascript" src="/v3/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/v3/js/index.js"></script>
</head>
<body>
<div class="mui-content">

    <div class="data-wrapper">
        <div class="data-tab-box">
            <a class="data-item active">
                新媒体数据
            </a>
            <a class="data-item" href="/live/data_report_m">
                直播数据
            </a>
        </div>
    </div>
    <div class="media-data-box">
        <div class="media-data-list">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <div class="table-flex  font-weight">

                        <span>账号</span>
                        <span>阅读量</span>
                        <span>统计日期</span>

                    </div>
                </li>
                <li class="mui-table-view-cell" th:each="item:${lists}">
                    <a th:href="@{/media/data_report_detail_m(id=${item.id})}" class="mui-navigate-right">
                        <div class="table-flex">

                            <span th:text="${item.accountName}">抖音-桃森森</span>

                            <span th:text="${item.viewCount}">2</span>
                            <span th:text="${item.reportPeriod}">2020-02-28</span>
                        </div>
                    </a>
                </li>

            </ul>
        </div>
    </div>

    <div class="tab-bar-box">
        <div class="tab-bar">
            <a href="/" class="tab-bar-item ">
                <img src="/v3/images/tarbar/icon_home.png" alt="">
                <p>首页</p>
            </a>
            <a href="/media/data_report_m"  class="tab-bar-item active">
                <img src="/v3/images/tarbar/icon_data_select.png" alt="">
                <p>数据</p>
            </a>
            <a href="/media/media_statistics"  class="tab-bar-item">
                <img src="/v3/images/tarbar/icon_tongji.png" alt="">
                <p>统计</p>
            </a>
            <a href="/mine"  class="tab-bar-item">
                <img src="/v3/images/tarbar/icon_user.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </div>
</div>
</body>
</html>